<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>运算</title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<div>加法：{{3+3}}</div>
			<div>减法：{{3-3}}</div>
			<div>乘法：{{3*3}}</div>
			<div>除法：{{3/3}}</div>
			<div>取余：{{4%2}}</div>
			
			<hr>
			<div>自加：{{age++}}</div>
			<div>自减：{{age--}}</div>
			
			<hr>
			<div>三目:{{age>18 ? '成年' : '未成年'}}</div>
			
			<hr>
			<div>字符操作：</div>
			<div>拼串：{{"123"+456}}</div>
			<div>拼串：{{"123".concat("456")}}</div>
			<div>长度：{{msg.length}}</div>
			<div>截串：{{msg.substring(3,7)}}</div>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				msg:"hello vue",
				age:16
			}
		})
	</script>
</html>
